<!doctype html>

<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="shortcut icon" href="/favicon.ico">
  <title>心理测评分析系统 - 睡眠测试问卷结果</title>
  <!-- 导入CSS -->
  <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet" />
  <link rel="stylesheet" href="./dist/css/jquery.toast.css">
  <!-- 设置字体 -->
  <!-- <style>
      @import url('https://rsms.me/inter/inter.css');
      :root {
      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
      }
      body {
      	font-feature-settings: "cv03", "cv04", "cv11";
      }
    </style> -->

    <style>
      #divAll {
        text-align:center;
        border:0px solid #000;
      }
      #divContent{
        margin:0 auto;
        text-align:left;
        width:760px;
        border:1px solid #999;
        padding:10px 5px;
      }
      #divContent span{
        line-height:30px;
      }
      div.title{
        font-size:25px;
        font-weight:bold;
        margin:0 auto;
        text-align:center;
        padding:20px 0;
      }
      hr,fieldset{
        border:1px solid #999;
      }
    </style>
</head>


<body>
  <div id="divAll">
    <div id="divContent">
    <div class="title">匹兹堡睡眠质量指数PSQI-测评结果分析</div>
    <hr>

    <div id = "time">测试时间：</div>

    <hr>
    <div id = "T1">睡眠质量得分：</div>

    <hr>
    <div id = "T2">入睡时间得分：</div>

    <hr>
    <div id = "T3">睡眠时间得分：</div>
   
    <hr>
    <div id = "T4">睡眠效率得分：</div>

    <hr>
    <div id = "T5">睡眠障碍得分：</div>
   
    <hr>
    <div id = "T6">催眠药物得分：</div>
  
    <hr>
    <div id = "T7">日间功能障碍得分：</div>
   
    <hr>
    <div id = "T8">PSQI总分：</div>
    <hr>
    <div id = "T08"></div>

    <hr>
    <div style="text-align: center;"><input type="button" value="返回" id = "back"></div>
    </div>
  </div>

</body>
<!-- 导入JS -->
<script src="./dist/js/tabler.min.js"></script>
<script src="./dist/js/jquery-3.6.3.min.js"></script>
<script src="./dist/js/jquery.toast.js"></script>
<script>
$(function() {

    $.ajax({
      type : 'get',
      url :'sleep/select',
      success: function(respDate) {
        if(respDate.code == 0) {
          BuideHtml(respDate.data);
          
        }else {
          $.toast({
            heading: '警告',
            text: respDate.message,
            icon: 'warning' 
          });
        }
      },
      error : function() {
        $.toast({
          heading: '错误',
          text: '服务器错误，请联系管理员',
          icon: 'error' 
        });
      }
      
    });

    function BuideHtml(data) {
      $('#time').html("测试时间：" + data.createState);
      $('#T1').html("睡眠质量得分：" + data.quality);
      $('#T2').html("入睡时间得分：" + data.asleep);
      $('#T3').html("睡眠时间得分：" + data.sleepTime);
      $('#T4').html("睡眠效率得分：" + data.sleepEfficiency);
      $('#T5').html("睡眠障碍得分：" + data.sleepDisturbances);
      $('#T6').html("催眠药物得分：" + data.hypnoticDrugs);
      $('#T7').html("日间功能障碍得分：" + data.dysfunction);
      $('#T8').html("PSQI总分：" + data.score);

      if(data.score >= 0 && data.score < 6) {
        $('#T08').html("睡眠质量很好。你目前的睡眠质量非常高，而且健康状况良好，这一切应该继续保持下去。")
      }else if(data.score >= 6 && data.score < 11) {
        $('#T08').html("睡眠质量较好。你的睡眠质量平平，健康状况也受到影响， 如果再不引起你对睡眠质量的足够重视， 那么你的睡眠质量很可能会迅速下降，向下 一级别发展。")
      } else if (data.score >= 11 && data.score < 16) {
        $('#T08').html("睡眠质量一般。如果你在这一级别内，那么你的睡眠质量可 就亮起红灯了。你必须警惕，因为你的睡眠 质量确实比较糟糕，健康状况明显受损。饮食起居会受到一定影响，甚至部分工作你都 开始感觉吃力。")
      } else {
        $('#T08').html("睡眠质量很差。你的睡眠质量已经到了令人发指的地 步—长期睡眠不足导致了你的健康状况 严重恶化，这就是你工作力不从心，情绪起伏不定的原因。建议咨询心理医师进一步治疗")
      }
  }
  
  $('#back').click(function() {
    location.assign('/index_stu.html');
  }) ;



});



</script>

</html>